body{
  background-color: #000;
}

.hide{
  top: -45px !important;
}
@import "loginLayout";
@import "header";
main{
  color: #fff;
  .title{
    margin: 30px auto;
    p{
      font-size: 35px;
      font-weight: bold;
      margin: 10px;
    }
  }
  .loginForm{
    form{
      text-align: center;
      input:not([type="submit"]){
        width: 70%;
        margin: 20px;
        height: 45px;
        color: #fff;
        background-color: transparent;
        border: 1px solid #ccc;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 20px;
        font-family: geforce-bold, sans-serif;
        transition: 1s;
        &:focus{
          border: 1px solid #76B900;
        }
      }
      input[type="submit"]{
        border: none;
        background-color: #76B900;
        color: #fff;
        width: 30%;
        height: 50px;
        font-size: 20px;
        cursor: pointer;
      }
    }
  }
  .toReg{
    p{
      font-size: 20px;
      font-weight: bold;
      margin: 20px;
    }
    .regBtn{
      text-align: center;
      button{
        border: none;
        background-color: #76B900;
        color: #fff;
        width: 30%;
        height: 50px;
        font-size: 20px;
        cursor: pointer;
      }
    }

  }
}